<%@page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="/WEB-INF/template/common/header.jsp"%>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width" />
<title>登入My Bampo</title>
<style type="text/css">
.login_box {
	width: 210px;
	margin: 20% auto;
	border-bottom: solid 1px #999;
	padding: 10px 50px;
}

.login_box div {
	margin-top: 10px;
}

.title {
	background: url("${base}/template/bampo/images/img_loginarrow.png") 0 0
		no-repeat;
	padding-left: 10px;
	color: #990000;
	font-size: 1.2em;
	height: 30px;
	line-height: 30px;
}

input {
	font-size: 1em;
	color: #999;
	font-weight: lighter
}

.right {
	float: right
}

.clear {
	clear: both;
	height: 0;
	line-height: 0;
	margin: 0;
}

.btn_search {
	width: 74px;
	height: 27px;
	border: none;
	background: url("${base}/template/bampo/images/bg_button.jpg") 0 0
		no-repeat;
	color: #333;
	text-shadow: 0 1px 2px #FFF;
}

.red {
	color: #900;
	font-size: 12px;
}
</style>
<script type="text/javascript">
	var msg = "${msg}";
</script>
<script type="text/javascript">
	function checkParam() {
		var username = document.getElementById("username");
		var password = document.getElementById("password");
		if (username.value == "您的积分卡号/手机号码") {
			alert("请输入卡号或手机号码");
			return false;
		}
		if (password.value == "") {
			alert("请输入您的密码");
			return false;
		}
		return true;
	}
	window.onload = function() {
		if (msg != "") {
			alert(msg);
		}
	}
</script>
</head>
<body>
	<form action="${base}/bampo/integral!sub.action" method="post"
		onsubmit="return checkParam()">
		<div class="login_box">
			<input type="hidden" name="accessToken" value="${accessToken }">
			<div class="title">登入My Bampo</div>
			<div>
				<input type="text" value="您的积分卡号/手机号码"
					onfocus="if(this.value=='您的积分卡号/手机号码'){this.value=''}"
					onblur="if(this.value==''){this.value='您的积分卡号/手机号码'}"
					name="username" id="username" />
			</div>
			<div>
				<input type="password" name="password" id="password" />
			</div>
			<div class="red">初始密码默认为123456</div>
			<div class="right">
				<input class="btn_search" type="submit" value="查 询" />
			</div>
			<div class="clear"></div>
		</div>
	</form>
</body>
</html>